<template>
	<div class="weekend">
		<div class="header">
			周末去哪儿
		</div>
		<ul class="list">
			<li class="item" v-for="(item, index) of weekendList" :key="index">
				<div class="img-wrapper">
					<img class="item-img" :src="item.imgUrl" />
				</div>
				<div class="info">
					<p class="title">{{item.title}}</p>
					<p class="note">{{item.note}}</p>
				</div>
			</li>
		</ul>
	</div>
</template>

<script>
export default{
  name: 'HomeWeekend',
  props: {
    weekendList: Array
  }
}
</script>

<style lang="stylus" scoped>
	.header
		line-height: .8rem
		font-size: .28rem
		text-indent: .26rem
		background: #f5f5f5
		color: #3b3c3c
	.item-img
		width: 100%
	.info
		padding: .2rem 0
		text-indent: .26rem
		.title
			line-height: .44rem
			font-size: .28rem
			color: #3b3c3c
		.note
			line-height: .42rem
			font-size: .24rem
			color: #7a7574
</style>
